<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/choose.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
	</head>
	<body>
		<header class="square_header">
			<label><a href="index.html"><img src="img/square_ico2 .png"/></a></label>
			<label><img src="img/square_ico1.png"/></label>
			<span>达人</span>
			<label><input type="file" class="file" style="display: none;"><img src="img/square_ico3.png" class="photo" /></label>
		</header>
		
		
		<section class="square_list">
			<ul>
				<li class="brand_on"><a href="choose.html">精选</a></li>
				<li>关注</li>
				<li><a href="square.html">广场</a></li>
				<li><a href="brand.html">品牌</a></li>
			</ul>
		</section>
		
		<div class="choose_guanzhu">
			<label><img src="img/daren_ioc.png"/><span>淘表会</span></label>
			
			<button>关注</button>
		</div>
		
		
		<div class="choose_banner">
			<img src="img/danren_banner.png"/>
		</div>
		
		
		<article class="choose_conter">
			
			<h5>彰显绅士之风</h5>
			
			
		<div class="choose_ico">
			<label class="choose_heart"><img src="img/daren_shoucang.png"/></label>
			<label><img src="img/daren_xiaoxi.png"/></label>
			<div class="choose_ioc1">
			<span></span>
			<span></span>
			<span></span>
			</div>
		</div>
		
		
			<ul>
				<li><img src="img/baren_touxiang1.png"/></li>
				<li><img src="img/daren_touxiang2.png"/></li>
				<li><img src="img/danren_touxiang3.png"/></li>
				<li><img src="img/daren_touxiang4.png"/></li>
				<li><img src="img/daren_touxiang5.png"/></li>
				<li><img src="img/daren_touxiang6.png"/></li>
			</ul>
			
			
			<ul class="list">
				<li><span>雷电:</span>挺漂亮的</li>
				<li><span>张宇:</span>表真漂亮</li>
				<li><span>二爷爱吃糖:</span>yoyoyo~</li>
			</ul>
			
			
			<a href="#">查看全部五条评论</a>
			<p></p>
		</article>
		
		
		<div class="choose_guanzhu">
			<label><img src="img/daren_ioc.png"/><span>淘表会</span></label>
			
			<button>关注</button>
		</div>
		
		<div class="choose_banner">
			<img src="img/danren_banner.png"/>
		</div>
		
		<article class="choose_conter">
			<h5>彰显绅士之风</h5>
		<div class="choose_ico">
			<label class="choose_heart"><img src="img/daren_shoucang.png"/></label>
			<label><img src="img/daren_xiaoxi.png"/></label>
			<div class="choose_ioc1">
			<span></span>
			<span></span>
			<span></span>
			</div>
	</article>
		
		<script src="js/jquery-1.12.4.min.js"></script>
		<script>
			$('button').click(function(){
				if ($(this).html() == '关注'){
					$(this).addClass('btn');
					$(this).html('已关注');
					} else{
					$(this).removeClass('btn');
					$(this).html('关注');
				}
			});
			$('.choose_heart').click(function(){
		    	if($(this).html() == '<img src="img/daren_shoucang.png">'){
		    		$(this).html('<img src="img/weixihuan_on@2x.png">');
		    	}else{
		    		$(this).html('<img src="img/daren_shoucang.png">');
		    	}
		    })
		    $('.photo').click(function(){
		    	return $('.file').click();
		    })
		</script>
	</body>
</html>
